<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="http://www.baidu.com">
        <h2>输入框：</h2>
        <input type="text" placeholder="请输入用户名">
        <h2>密码框：</h2>
        <input type="password" placeholder="请输入密码">
        <h2>复选框：</h2>
        <input type="checkbox">苹果
        <input type="checkbox" checked>香蕉
        <input type="checkbox" disabled>葡萄
        <input type="checkbox" checked>西瓜
        <h2>单选框</h2>
        <input type="radio" name="sex">男
        <input type="radio" name="sex" checked>女
        <h2>单选框2</h2>
        <input type="radio" name="gen" id="man"><label for="man">男</label>
        <input type="radio" name="gen" id="women" checked><label for="women">女</label>
        <h2>上传文件：</h2>
        <input type="file">
        <input type="file" multiple>
        <h2>提交按钮和重置按钮</h2>
        <input type="submit">
        <input type="reset">

        <h2>多行文本框：</h2>
        <textarea cols="30" rows="10"></textarea>
        <h2>下拉菜单：</h2>
        <select>
                <option selected disabled>请选择</option>
                <option>北京</option>
                <option>上海</option>
                <option>杭州</option>
                <option>宁波</option>
        </select>
        <select size="3">
            <option>北京</option>
            <option>上海</option>
            <option>杭州</option>
            <option>宁波</option>
        </select>
        <select multiple>
                <option>北京</option>
                <option>上海</option>
                <option>杭州</option>
                <option>宁波</option>
        </select>
       
    </form>
</body>
</html>